.user-details-overview-wrapper {
  background: $colorBeige;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: $margin;
}

.content {
  position: relative;
  z-index: zindex($zLayout, default);
}

.background-image {
  position: fixed;
  z-index: zindex($zLayout, behind);
  left: 0;
  right: 0;
  width: 100vw;
  &-top {
    top: 0;
  }
  &-middle {
    top: 400px;
  }
}

.user-info-section,
.address-section {
  background: $colorLightBeige;
  border-radius: 5px;
  padding: 25px 40px 40px 40px;
}

.user-info-section {
  margin-bottom: 6px;

  .user-details {
    .label {
      margin-top: 20px;
    }
    .info {
      margin-top: 7px;
    }
  }
}

.top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

// Text styling
.content {
  font-size: $paragraph;
  font-family: $notoSans;
}

.no-addresses,
.label,
.contact-info {
  color: $colorGrey;
}

.address-section {
  .address-listing {
    margin-top: 30px;

    .contact-info {
      display: flex;
      align-content: center;
      margin-top: 4px;

      .name {
        margin-right: 15px;
      }
    }
  }
}

.edit {
  @include size(25px, 25px);
}
